<template>
	<div>
		<button @click="onWord">背单词</button>
		<div>
			<button @click="onTextbookSync">教材同步</button>
		</div>
		<div>
			<button @click="goclick(1)">笔试</button>
		</div>
		<div>
			<button @click="goclick(2)">音标</button>
		</div>
		<div>
			<button @click="goclick(3)">典范</button>
		</div>
		<div>
			<button @click="goclick(4)">新概念</button>
		</div>
		<div>
			<button @click="goclick(5)">黑布林</button>
		</div>
		<div>
			<button @click="goclick(6)">刷单词</button>
		</div>
		<div>
			<button @click="goclick(7)">音标专练</button>
		</div>
		<div>
			<button @click="goclick(8)">听力</button>
		</div>
	</div>
</template>

<script setup>
	import {
		useRouter
	} from 'vue-router'

	const router = useRouter();

	const onWord = () => {
		router.push('/word')
	}
	const onTextbookSync = () => {
		router.push('/vocabularyList')
	}
	const goclick = (data) => {
		if (data === 1) {
			router.push('/writtenTest')
		} else if (data === 2) {
			router.push('/phoneticSymbol')
		} else if (data === 3) {
			router.push('/mode')
		} else if (data === 4) {
			router.push('/newConcept')
		} else if (data === 5) {
			router.push('/heibulin')
		} else if (data === 6) {
			router.push('/brushWords')
		} else if (data === 7) {
			router.push('/phoneticPractice')
		}else if (data === 8) {
			router.push('/listening')
		}
	}
</script>

<style scoped>

</style>